$topnav-background-color: #222;
$login-min-width: 900px;
:host {
  display: block;
}

.login-page {

  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url(../../assets/images/dmz-background.png);
  background-size: 100% 100%;
  text-align: center;
  overflow: hidden;

  .alert-message-global {
    position: fixed;
    top: 5px;
    left: 5px;
    right: 5px;
    z-index: 999888;
  }

  .system-name {
    //margin-top: 260px;
    margin-top: 60px;
    color: white;
  }

  .login-form {
    position: absolute;
    top: 0;
    left: 50%;
    height: 340px;
    width: 590px;
    //margin-top: 430px;
    margin-top: 250px;
    margin-left: -295px;
    background: rgba(white, 0.3);
    color: #000;

    .form-content {
      padding: 50px;
      width: 100%;

      input {
        font-size: 20px;
        color: #999999;
      }
    }
    .login-btn {
      width: 183px;
      height: 60px;
      font-size: 20px;
      border: none;
      color: white;
      background-color: #335379;
    }

  }


}

